<template>
    <div class="top">
        <div class="content">
            <div class="left">
                <i class="iconfont">&#xe6e5;</i>
                <p>智慧医疗服务平台</p>
            </div>
            <div class="right">
                <p style="margin-right: 15px;">帮助中心</p>
                <p @click="login">登录/注册</p>
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">
// //获取user仓库的数据
// import useUserStore from "../../store/modules/user";
// let userStore = useUserStore();

// //点击注册按钮时弹出对话框
// const login = () =>{
//     userStore.visiable = true;
// }

</script>

<style scoped lang="scss">
.top {
    position: fixed;
    z-index: 999;
    width:100%;
    height: 70px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    .content {
        width: 1200px;
        height: 70px;
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        .left{
            display: flex;
            justify-content: center;//
            align-items: center;
            color: rgba(26, 177, 228, 0.71);
            font-weight: 550;
            i{
                font-size: 50px;
                margin-right: 15px;
            }
            p{
                font-size: 20px;
            }
            
        }
        .right{
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
}
</style>